<template>
    <breadcrumb base-title="客户" title="签单客户" sub-title="日日保"/>
    <div class="w-full box-border p-16px">
        <div class="mg-b-16">
            <clientInfo :id="id" :company-id="companyId"/>
        </div>
        <div>
            <statisticsAnalysis :company-id="companyId" insure-type="day"/>
        </div>
    </div>
</template>
<script setup>
import { ref, onMounted,onActivated } from 'vue'
import { useRoute } from 'vue-router'

import clientInfo from './components/clientInfo.vue'
import commonTabs from '@/components/commonTabs/index.vue'
import statisticsAnalysis from './components/weInsure/statisticsAnalysis.vue'

const id = ref('')
const companyId = ref('')
const route = useRoute()

onMounted(() => {
    id.value = atob(route.query.id)
    companyId.value = atob(route.query.companyId)
})
onActivated(() => {
    id.value = atob(route.query.id)
    companyId.value = atob(route.query.companyId)
})
</script>
<style lang="scss" scoped>
.container {
    padding: 16px;
}
</style>